// 手机验证登录和账号密码登录的切换 
$(".loginTitle h2").eq(0).click(function () {
    $(this).attr("class", "active");
    $(this).next().attr("class", "");

    $("#id0").next().attr("class", "");
    $("#id0").val("");
    $("#id1").next().attr("class", "");
    $("#id1").val("");

    $(".btn-login0").css({display:"block"});
    $(".btn-login1").css({display:"none"});

    // $(".loginTab").children().eq(1).find("a").css({ display: "block" });

    $("#sj0").css({display:"block"});
    $("#sj1").css({display:"none"});

    $("#mm0").css({display:"block"});
    $("#mm1").css({display:"none"});
});

$(".loginTitle h2").eq(1).click(function () {
    $(this).attr("class", "active");
    $(this).prev().attr("class", "");

    $(".sj1").next().attr("class", "");
    $(".sj1").val("");
    $(".mm1").next().attr("class", "");
    $(".mm1").val("");

    $(".btn-login0").css({display:"none"});
    $(".btn-login1").css({display:"block"});

    $("#sj0").css({display:"none"});
    $("#sj1").css({display:"block"});

    $("#mm0").css({display:"none"});
    $("#mm1").css({display:"block"});
});

// 检验登录手机号格式正则
var myreg = /^[1][3,4,5,7,8,9][0-9]{9}$/;
// 检验登录密码正则
var patrn = /^(?=.*[0-9])(?=.*[a-zA-Z]).{8,16}$/;

// 登录1(手机验证登录)
$(".btn-login0").click(function () {
    if (!myreg.test($("#id0").val())) {
        alert("请输入正确手机号码");
    } else {
        if ($("#id1").val() == $("#icode").html().toLowerCase()) {
            $.ajax({
                type: "POST",
                url: "../rearEnd/goodsAndShoppingCart/login0.php",
                data: {
                    username: $("#id0").val(),
                },
                success: function (msg) {
                    console.log(msg);
                    // console.log(typeof msg);
                    // console.log(Response['$Phone'])
                    if (msg == 'success') {
                        alert("登录成功")
                        localStorage.setItem("vipName",$("#id0").val());
                        // location.replace("index.html");
                    } else {
                        alert("登录失败,请先注册");

                    }
                }
            });
        } else {
            console.log($("#code").html());
            alert("验证码错误");
        }
    }
});

// 登录2(账号密码登录)
$(".btn-login1").click(function () {
    if (!myreg.test($(".sj1").val())) {
        alert("请输入正确手机号码");
    } else {
        console.log($("#id1").val());
        $.ajax({
            type: "POST",
            url: "../rearEnd/goodsAndShoppingCart/login.php",
            data: {
                username: $(".sj1").val(),
                userpass: $(".mm1").val()
            },
            success: function (msg) {
                console.log(msg);
                // console.log(typeof msg);
                // console.log(Response['$Phone'])
                if (msg == 'success') {
                    alert("登录成功")
                    localStorage.setItem("vipName",$(".sj1").val());
                    // location.replace("index.html");
                } else {
                    alert("登录失败,用户名或密码错误");
                }
            }
        });
    }
});

// 登录和注册的切换
let resBool = false; // 后面回车注册会用到
$(".zhuce").click(function () {
    $(".loginRight").css({ display: "block" });
    resBool = true;

    $("#phone").next().attr("class", "");
    $("#phone").val("");
    $("#code").next().attr("class", "");
    $("#code").val("");
    $("#pass").next().attr("class", "");
    $("#pass").val("");
})

$(".fanhui").click(function () {
    $(".loginRight").css({ display: "none" });
    resBool = false;

    $("#id0").next().attr("class", "");
    $("#id0").val("");
    $("#id1").next().attr("class", "");
    $("#id1").val("");

    $(".sj1").next().attr("class", "");
    $(".sj1").val("");
    $(".mm1").next().attr("class", "");
    $(".mm1").val("");
});

// 点击框让提示信息上移(相当于原生的oninput事件)
$("#id0").bind("input propertychange",function () {
    $(this).next().attr("class", "inputStyle");
});

$("#id1").bind("input propertychange",function () {
    $(this).next().attr("class", "inputStyle");
});

$(".sj1").bind("input propertychange",function () {
    $(this).next().attr("class", "inputStyle");
});

$(".mm1").bind("input propertychange",function () {
    $(this).next().attr("class", "inputStyle");
});

// 勾选框
$("span:contains('记住我的信息')").prev().click(function () {
    $(this).toggleClass("iactive");
});

$("span:contains('我已阅读并')").prev().click(function () {
    $(this).toggleClass("iactive");
});

$("#phone").bind("input propertychange",function () {
    // $(this).next().html("");
    $(this).next().attr("class", "inputStyle");
});

$("#code").bind("input propertychange",function () {
    // $(this).next().html("");
    $(this).next().attr("class", "inputStyle");
});

$("#pass").bind("input propertychange",function () {
    // $(this).next().html("");
    $(this).next().attr("class", "inputStyle");
});

// 随机验证码
var codeStr = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
var oA = $("a:contains('获取验证码')");

// 用来生成随机整数
function getRandom(n, m) {
    n = Number(n);
    m = Number(m);
    // 确保 m 始终大于 n
    if (n > m) {
        var temp = n;
        n = m;
        m = temp;
    }
    return Math.floor(Math.random() * (m - n) + n);
}
// 将随机生成的整数下标对应的字母放入i中
function getCode() {
    var str = '';
    // 验证码有几位就循环几次
    for (var i = 0; i < 4; i++) {
        var ran = getRandom(0, 62);
        str += codeStr.charAt(ran);
    }
    oA.html(str);
}

// 点击获取验证码显示(刷新)验证码
oA.click(function () {
    getCode();
});

// 点击注册/返回让验证码消失
$(".forget").click(function () {
    oA.html("获取验证码")
});

// 注册页(点击注册)
// 用户密码可见与不可见的切换
$(".eye").click(function () {
    if ($('.eye').attr('src') == '/oiwas2/img/zhuce-eye1.svg') {
        $('.eye').attr('src', '/oiwas2/img/zhuce-eye.svg');
        $('#pass').attr("type", "");
    } else {
        $('.eye').attr('src', '/oiwas2/img/zhuce-eye1.svg');
        $('#pass').attr("type", "password");
    }
});

// 检验注册手机号格式正则
var myreg = /^[1][3,4,5,7,8,9][0-9]{9}$/;
$("#phone").blur(function () {
    if (!myreg.test($("#phone").val())) {
        alert("请输入正确手机号码")
    }
});

// 检验注册密码正则
var patrn = /^(?=.*[0-9])(?=.*[a-zA-Z]).{8,16}$/;
$("#pass").blur(function () {
    if (!patrn.test($("#pass").val())) {
        alert("至少包含一个字母的8-16位数密码");
    }
});

function onRes() {
    if (!myreg.test($("#phone").val())) {
        alert("请输入正确手机号码");
    } else {
        if ($("#code").val() == $("#code").next().next().html().toLowerCase()) {
            if ($(".icon>i").eq(1).hasClass("iactive") && $(".icon>i").eq(2).hasClass("iactive")) {
                $.ajax({
                    type: "POST",
                    url: "../rearEnd/goodsAndShoppingCart/addUser.php",
                    data: {
                        username: $("#phone").val(),
                        userpass: $("#pass").val()
                    },
                    success: function (msg) {
                        console.log(msg);
                        if (msg == "success") {
                            alert("注册成功");
                            setTimeout(function() {
                                location.replace("login.html");
                                $.setLocalStorage
                            }, 50);
                        } else {
                            alert("用户名已存在,请重新注册");
                        }
                    }
                });
            } else {
                alert("请阅读并勾选全部会员规则,隐私声明及使用条款");
            }
        } else {
            // console.log($("#code").html());
            alert("验证码错误");
        }
    }
}
// 点击注册按钮注册
$(".btn-res").click(function () {
    onRes();
});
// 点击回车注册
$(document).keydown(function (event) {
    //按下了回车键
    if (event.keyCode == 13 && resBool) {
        onRes();
    }
});